﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="DateSlotPicker.ascx.cs" Inherits="CustomControlPractice.Controls.DateSlotPicker.DateSlotPicker" %>
<script type="text/javascript">
    var dataID = '<%=data.ClientID%>';
    var selectedID = '<%=selected.ClientID%>';
</script>

<asp:HiddenField ID="data" runat="server" />
<asp:HiddenField ID="selected" runat="server" />
<table id="slotPicker" class="DateSlotPicker" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td rowspan="2">&nbsp;</td>
        <td colspan="2" class="GridBgHover">Nov 11</td>
        <td colspan="2" class="GridBg">Nov 12</td>
        <td colspan="2" class="GridBg">Nov 13</td>
    </tr>
    <tr>
        <td class="GridBgHover">AM</td>
        <td class="GridBg">PM</td>
        <td class="GridBg">AM</td>
        <td class="GridBg">PM</td>
        <td class="GridBg">AM</td>
        <td class="GridBg">PM</td>
    </tr>
    <tr>
        <td class="GridBg">Doctor A</td>
        <td></td>
        <td></td>
        <td><a href="#">1</a></td>
        <td><a href="#">4</a></td>
        <td><a href="#">2</a></td>
        <td><a href="#">6</a></td>
    </tr>
    <tr>
        <td class="GridBgHover">Doctor B</td>
        <td><a href="#" class="Border2px">3</a></td>
        <td><a href="#">2</a></td>
        <td></td>
        <td><a href="#">3</a></td>
        <td><a href="#">6</a></td>
        <td><a href="#">6</a></td>
    </tr>
    <tr>
        <td class="GridBg">Doctor C</td>
        <td><a href="#">6</a></td>
        <td><a href="#">4</a></td>
        <td></td>
        <td><a href="#">6</a></td>
        <td></td>
        <td><a href="#">3</a></td>
    </tr>
    <tr>
        <td class="GridBg">Doctor D</td>
        <td></td>
        <td><a href="#">3</a></td>
        <td><a href="#">4</a></td>
        <td></td>
        <td><a href="#">5</a></td>
        <td></td>
    </tr>
</table>
